@charset "utf-8";
/* CSS Document */

ul.topnav {
	font-family:"Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #E28150;
}

ul.topnav li {float: right;}

ul.topnav li a {
    display: block;
    color: white;
    text-align:center;
    padding: 2vw;  
    text-decoration: none;
}

figure {
	 width: 15vw;
	height: 15vw;
	margin: 1vw 2vw;
	border: .5vw black;
float: left;
background-size: cover;
background-position:center;		
}

#thumbnail1 {background-image:url(../images/borger.jpeg)}
#thumbnail2{background-image: url(../images/pizza.jpeg)}
#thumbnail3{background-image: url(../images/pexels-photo-806357.jpeg)}
ul.topnav li a:hover:not(.active) {background-color: #D36C40;}
.map {float: right; position: relative;}

ul.topnav li.logo {float: left; font-weight: bold; font-size: 5vw;}

.container{
  width:100%;
height:220vh;
 overflow:hidden;
}

.location
{
    width: 100%;
	position:relative;
	border: medium solid black;
		
}

.container .box1 {position:absolute;
  background:rgba(255,255,255,0.7);
  top:251%;
  left:50%;
  transform:translate(-50%,-50%);
  width: 100%;
  text-align:center;}
.container .box1 p{
	float: left;
  font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
  text-align: center;
  font-size:20px;
  font-weight: normal;
  color:#777;
	display: block;
	margin-left: 4vw;
	margin-right: 2vw;
	align-content: stretch;
}

.homepicture { 
	width: 100%;
	height: auto;
	padding: none;
}

.grid12-6{
  position:relative;
}
.grid12-6 .inner_box{
  position:absolute;
  background:rgba(255,255,255,0.7);
  top:90%;
  left:50%;
  transform:translate(-50%,-50%);
  width: 100%;
  text-align:center;
}

.grid12-6 .inner_box p{
	float: left;
  font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
  text-align: center;
  font-size:20px;
  font-weight: normal;
  color:#777;
	display: block;
	margin-left: 4vw;
	margin-right: 2vw;
	align-content: stretch;
}

.grid12-6 .inner_box h3{
	font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
	text-align: center;
	font-size: 17px;
	font-weight: normal;
	color: #777;
	display: block;
	float:left;

}

.grid12-5{
  position:relative;
}
.grid12-5 .inner_boxx{
  position:absolute;
  background:rgba(255,255,255,0.7);
  top:81%;
  left:50%;
  transform:translate(-50%,-50%);
  width: 100%;
  text-align:center;
}
.grid12-5 .inner_boxx h2{font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman"; color:#777;}
.grid12-5 .inner_boxx p{
	float: left;
  font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
  text-align: center;
  font-size:20px;
  font-weight: normal;
  color:#777;
	display: block;
	margin-left: 4vw;
	margin-right: 2vw;
	align-content: stretch;
}

.grid12-5 .inner_boxx h3{
	font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
	text-align: center;
	font-size: 17px;
	font-weight: normal;
	color: #777;
	display: block;
	float:left;

}
.location .box {position:absolute;
  background:rgba(255,255,255,0.7);
  top:60%;
  left:50%;
  transform:translate(-50%,-50%);
  width: 100%;
  text-align:center;}
.menu {
				margin-bottom: 15px;
				max-width: 1200px;
    			margin: 0 auto;
				
			}
.menu_restName {
				text-align: center;
    			font-size: 70px;
    			margin-top: 0;
				
			}
.menu_title {
				text-align: center;
				font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
				font-size: 40px; 
				font-weight: 300;
				color: #66ABA6;
				
			
			}
.menu_section {
				margin-bottom: 30px;
				color: #66ABA6;
				
			}
.menu_section h3 {
				font-style: italic;
				color: #66ABA6;
				font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
				font-stretch: expanded;
				font-weight:bolder;
			}
.menu_item {
				margin: 0 15px;
				position: relative;
				
			}
.menu_item h4 {
				margin-bottom: 0px;
				color:#E28150;
				font-family:"Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman";
					font-weight: 600;
			}
	
			.price {
				display: block;
				float: right;
				position: absolute;
				bottom: 0px;
				right: 0;
				background-color: white;
				font-weight: bold;
				color: #E28150;
			}
.description {
				margin-top: 5px;
				font-style: italic;
				background-color: white;
				display: inline-block;
				max-width: 50%;
				color: #F7A036;
				font-family: "Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman"
			}
			hr {
				border: none;
    			border-top: 1px dashed #66ABA6;
    			margin-top: -20px;
				
			}
			footer:not(.app-footer) {
				text-align: center;
    			font-size: 11px;
				font-style: italic;
			}
		@media (max-width: 600px) {
.menu_title {
					text-align: center;
					font-size: 30px;
				}
.menu_section h3 {
					text-align: center;
    				font-size: 30px;
				}
.menu_item {
					text-align: center;
				}
.price {
					float: none;
					position: static;
					margin-top: 15px;
				}
				hr {
					display: none;
				}
			}
#submit {align-content: center;}

h1 {font-family:"Berlin Sans FB Demi", "Berlin Sans FB", "Times New Roman"; color: #EFA04B; font-weight: 200; font-size: 4vw}

footer {background-color: #E28150; height: 5vw; width: 100%;}
.stripe {background-color: #66ABA6; height: 1vw; width: 100%;}

@media screen and (max-width: 600px){
    ul.topnav li.right, 
    ul.topnav li {float: none;}
	ul.topnav li.logo {float:none;}
}